<template>
	<view class="index">
		<!-- #ifdef MP-WEIXIN -->
		<!-- 微信 -->
		<view class="wx-nav">
			<view class="iconfont icon-fangdajing">
			</view>
			<text>百年奥莱</text>
			<view class="iconfont icon-xiaoxi">
			</view>
		</view>
		<!-- #endif -->
		<!-- app -->
		
		<!-- <view class="fliter-cative-color">
		哩马迈
		</view> -->
		<!-- 轮播 -->
		<!-- <swipt></swipt> -->
		<!-- 商品品字图片 -->
		<!-- <love></love> -->
		<!-- 标题 -->
		<!-- <biaoti mingzi="猜你喜欢"></biaoti> -->
		<!-- 商品列表 -->
		<!-- <shangpin></shangpin> -->
		
		
		<!-- 户外运动 -->
		<!-- 海报 -->
		<haibao></haibao>
		<!-- 九宫格 -->
		<jiugong></jiugong>
		<biaoti mingzi="热销爆款"></biaoti>
		<hot></hot>
		<biaoti mingzi="推荐店铺"></biaoti>
		<shop></shop>
			
		
		
	
		
		
		
		
	</view>
</template>

<script>
	import swipt from "@/components/index/indexswipt.vue"
	import love from "@/components/index/tuijian.vue"
	import biaoti from "@/components/common/cai.vue"
	import shangpin from "@/components/common/cardlist.vue"
	import  haibao from "@/components/index/haibao.vue"
	import jiugong from"@/components/index/jiugongge.vue"
	import hot from"@/components/index/hot.vue"
	import shop from "@/components/index/shop.vue"
	
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		},
		components:{
			swipt,
			love,
			biaoti,
			shangpin,
			haibao,
			jiugong,
			hot,
			shop,
		}
	}
</script>

<style>
	/* 每个公共页面都要引用 */
	@import '../../common/uni.css';
	@import "../../common/iconfont.css";
	@import '../../common/common.css';
	

	.wx-nav{
		height:200rpx ;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
		padding: 10rpx;
		
		
	}
	.index{
		width: 100vw;
		height: 100wh;
		overflow: hidden;
	}
	
	
	
	</style>
